// 获取二维码图片内容
var oimg=document.getElementById("img");
var oweixin=document.getElementById("weixin");

oweixin.onmouseover=function(){
    oimg.style.display="block";
}
oweixin.onmouseout=function(){
    oimg.style.display="none";
}


// 手机下单图片内容
var ophone=document.getElementById("phone");
var orders=document.getElementById("rders");
ophone.onmouseover=function(){
    orders.style.display="block";
}
ophone.onmouseout=function(){
    orders.style.display="none";
}


// 账号切换
  // 1. 选择元素
  var ali = document.querySelectorAll(".f-1 span");
  var acont = document.querySelectorAll(".f-2");

  // 4. 假设上一个元素的索引
  var prev = 0;
  // 2. 遍历li
  for(var i=0;i<ali.length;i++){

      // 7. 拿到每一个li，给每个li提前绑定索引
      // console.log(ali[i])
      ali[i].setAttribute("xuhao", i);

      // 3. 给每个li绑定事件
      ali[i].onclick = function(){
          var now = this.getAttribute("xuhao");
          // 5. 取消上一个元素的索引
          ali[prev].className = "";
          acont[prev].style.display = "none";    
          // 6. 给当前点击的元素添加class
          this.className = "active";
          // 9. 根据当前点击的索引设置对应的cont显示
          acont[now].style.display = "block";
          prev = now;
      }
  }
 